{% extends 'layout.html' %}

{% load static %}
{% block title %}Image Recognition | AI Course-work{% endblock %}
{% block content %}
<div class="container" style="height:88vh">
  <div style="padding-bottom: 2em;">
    <h1 class="text-center jumbotron">Oops something went wrong! <i class="fa fa-frown-o" aria-hidden="true"></i>
</h1>
    <h3>Our Suggestion</h3>
    <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Make sure the your image has clear visible face with no obstruction and try again. <i class="fa fa-smile-o" aria-hidden="true"></i></p>
  </div>
  <a href="/" class="btn btn-warning"><i class="fa fa-chevron-left" aria-hidden="true"></i> Back</a>
</div>
{% endblock %}
